<template>
  <div>
    <el-button>星期二</el-button>
    <el-input></el-input>
    <mavon-editor v-model="sampleD"></mavon-editor>
    <el-button @click="sampleM">send</el-button>
  </div>
</template>

<script>
// import New from './components/New.vue';
export default {
  name: "Tuesday",
  components: {
    // New,Old,
  },
  props: {
    sampleP: {
      type: Number,
      default: 0,
    },
  },
  data() {
    return {
      sampleD: "value",
    };
  },
  computed: {
    // sampleC() {
    //     return this.sampleD+'--';
    // }
  },
  created() {},
  mounted() {},
  methods: {
    sampleM() {
      this.$message.error(JSON.stringify(this.sampleD))
      this.$http({
        method: "post",
        url: "http://localhost:9090/getMarkDownContent",
        data: {
          title: "good",
          content: this.sampleD,
        },
      }).then(
        (res) => {
          this.$message.warning(JSON.stringify(res.data));
        },
        (error) => {
          console.log(" request error : " + error.response.status);
        }
      );
    },
  },
  watch: {
    // sampleC(newValue, oldValue) {
    //
    // }
  },
};
</script>

<!--<style scoped>-->
<style lang="scss" scoped>
.outer {
  width: 150px;
  height: 200px;
  background-color: rgba(216, 138, 21, 0.54);
  overflow: scroll;
}
.inner {
  width: 300px;
  line-height: 50px;
  border-bottom: 1px solid red;
}
.container {
  height: 300px;
  width: 400px;
  background-color: rgba(39, 216, 118, 0.54);
  overflow: auto;
}
.el-form {
  height: 300px;
  width: 500px;
}
</style>
